/* 基础重置与优化 */
html,
body {
  height: 100%;
  margin: 0; /* 清除默认外边距 */
  padding: 0; /* 清除默认内边距 */
  overflow: hidden; /* 防止全局滚动条，根据实际需求调整 */
  color: #000000;
}

/* 字体优化增强 */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family:
    system-ui,
    /* 优先使用系统字体 */ Helvetica Neue,
    Helvetica,
    PingFang SC,
    Hiragino Sans GB,
    Microsoft YaHei,
    Arial,
    sans-serif;
  line-height: 1.5; /* 基础行高提升可读性 */
  color: #ffffff; /* 设置基础文本颜色 */
  background: linear-gradient(180deg, rgba(227, 240, 254, 1) 0%, rgba(246, 249, 255, 1) 100%);
  user-select: none; /* 禁止文本选择 */
  -webkit-user-select: none; /* 禁止文本选择 */
  -moz-user-select: none; /* 禁止文本选择 */
  -ms-user-select: none; /* 禁止文本选择 */
}

/* 盒模型增强 */
*,
*:before,
*:after {
  box-sizing: border-box; /* 使用边框盒模型 */
  -webkit-box-sizing: border-box; /* 兼容旧版浏览器 */
  -moz-box-sizing: border-box; /* 兼容旧版浏览器 */
  margin: 0;
  padding: 0;
}

/* 滚动条优化（支持现代浏览器） */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(144, 147, 153, 0.3);
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

/* 功能类优化 */
#app {
  height: 100%;
  position: relative; /* 添加定位上下文 */
  color: #000000;
}

/* 响应式媒体元素 */
svg {
  overflow: hidden; /* 防止SVG溢出 */
  vertical-align: middle; /* 对齐优化 */
}

/* 移动端交互优化 */
@media (hover: none) {
  body {
    cursor: pointer; /* 改善移动端点击反馈 */
  }
}
